/**
 * Created by Administrator on 2017/5/20 0020.
 */

$(function() {
	// 滚动
		var goodsImg="";
								var goodsTitle="";
								var goodsLogo="";
								var imgKey="";
								var imgLength="";
								var goodsPirece="";
								var oldPirece="";
								var goodsList="";
	$(window).scroll(function() {
			var t = document.documentElement.scrollTop || document.body.scrollTop;
			if(t >= 900) {
				$(".consult-top").show();
				$(".consult-top").click(function() {
					$('html,body').animate({
						scrollTop: '0px'
					}, 500);
				})
			} else {
				$(".consult-top").hide();
			}
		})
		//img渐变
	function lazy() {
		$(function() {
			$("img").lazyload({
				effect: "fadeIn",
				threshold: 0
			});
		})
	}
	lazy();

	function imgFade() {
		$("body").find("img").mouseenter(function() {
			$(this).each(function(index, ele) {
				$(ele).css("opacity", 0.8);
			});
		})
		$("body").find("img").mouseleave(function() {
			$(this).each(function(index, ele) {
				$(ele).css("opacity", 1);
			});
		})
	}
	//搜索栏的去默认
	var place = $(".search-fl").find("input").eq(0).attr('placeholder');
	$(".search-fl").find("input").eq(0).focus(function() {
		$(this).attr('placeholder', '');
	})
	$(".search-fl").find("input").eq(0).blur(function() {
			$(this).attr('placeholder', place);
		})
		// img渐变

	//轮播图
	$.getJSON("js/nav.json", function(data) {
			for(var i = 0, len = data["banner"].length; i < len; i++) {
				$(".banner-top ul").append($(".banner-top ul li").eq(0).clone());

				$(".banner-bot ul").append($(".banner-bot ul li").eq(0).clone());
				for(var key in data["banner"][i]) {
					$(".banner-bot ul li").eq(i).text(key);
					$(".banner-top ul li").eq(i).find("img").attr("src", "img/" + data["banner"][i][key] + ".jpg").attr("data-original", "img/" + data["banner"][i][key] + ".jpg");
				}

			}
			$(".banner-top ul li").last().remove();
			$(".banner-bot ul li").last().remove();
			$(".banner-bot ul li").eq(0).addClass("banner-bot-libd");
			$(".banner-bot ul li").css("width", $(".banner-bot ul").width() / 5);
			//小图标显示和图片透明
			var c = 0;
			
			function timer() {
				c++;
				c = (c == 6) ? 0 : c; //获取key
				$(".banner-top ul li").eq(c).stop().fadeIn().siblings().fadeOut(); //显隐藏示
				$(".banner-bot ul li").eq(c).stop().addClass("banner-bot-libd").siblings().removeClass("banner-bot-libd")
			}

			time=setInterval(timer, 1500);
			$(".banner-top").hover(function() {
				clearInterval(time);
				console.log(111)
				$(".banner-cursor").css('display', 'block');
				//清除定时器//显示图片
			}, function() {
				time = setInterval(timer, 1500);
				$(".banner-cursor").css('display', 'none');

			});
			//左边点击
			$(".banner-cursor-left").click(function() {
				c--;
				c = (c == 0) ? 0 : c;
				$(".banner-top ul li").eq(c).stop().fadeIn().siblings().fadeOut(); //显隐藏示
				$(".banner-bot ul li").eq(c).stop().addClass("banner-bot-libd").siblings().removeClass("banner-bot-libd")
			});
			//右点击
			$(".banner-cursor-right").click(function() {
				c++;
				c = (c == 6) ? 0 : c;
				$(".banner-top ul li").eq(c).stop().fadeIn().siblings().fadeOut(); //显隐藏示
				$(".banner-bot ul li").eq(c).stop().addClass("banner-bot-libd").siblings().removeClass("banner-bot-libd")
			});
			//下面li单击
			$(".banner-bot ul li").hover(function() {
				clearInterval(time);
				c = $(this).index();
				$(".banner-top ul li").eq(c).stop().fadeIn().siblings().fadeOut(); //显隐藏示
				$(".banner-bot ul li").eq(c).stop().addClass("banner-bot-libd").siblings().removeClass("banner-bot-libd")

			},function(){
							time=setInterval(timer, 1500)
			});
//			$(".banner-bot ul li").mouseleave(function() {
//			 setInterval(timer, 1500);})
			//轮播图结束
		})
		//

	//sub-nav-button
	var navc = 0;

	//ul的宽度
	//小banner图开始
	$.getJSON("js/nav.json", function(data) {
		// console.log(data["sub-banner"]);
		for(var i = 0, len = data["sub-banner"].length; i < len; i++) {
			$(".sub-nav ul").append($(".sub-nav ul li").eq(0).clone());
			$(".sub-nav ul li").eq(i).find('img').attr("data-original", "img/" + data["sub-banner"][i] + ".jpg")
			$(".sub-nav ul li").eq(i).find('img').attr("src", "img/" + data["sub-banner"][i] + ".jpg")
		}
		$(".sub-nav ul li").last().remove();
		$(".sub-nav ul").css("width", parseInt($(".sub-nav ul li").length) * parseInt($(".sub-nav ul li").width() + 5))
		$(".sub-nav-left").on({
			mouseenter: function() {
				$(this).css("opacity", 0.5)
			},
			mouseleave: function() {
				$(this).css("opacity", 1)
			},
			click: function() {
				if(parseInt($(".sub-nav ul").css("left")) == 0) {
					//如果他的left=0就不动不然就动
				} else {
					navc++;
					navc = (navc == ($(".sub-nav ul").width() / 1205)) ? 0 : navc;
					$(".sub-nav ul").animate({
						left: 1205 * navc + "px",
					}, 1000, "linear")
				}
			}

		})
		$(".sub-nav-right").on({
			mouseenter: function() {
				$(this).css("opacity", 0.5)
			},
			mouseleave: function() {
				$(this).css("opacity", 1)
			},
			click: function() {
				if(-parseInt($(".sub-nav ul").css("left")) >= parseInt($(".sub-nav ul").width()) / ($(".sub-nav ul li").length / 5)) {
					//如果他的left=他的步数就不动不然就动
				} else {
					navc++;
					navc = (navc == ($(".sub-nav ul").width() / 1205)) ? 0 : navc;
					$(".sub-nav ul").animate({
						left: -1205 * navc + "px",
					}, 1000, "linear")
				}
			}
		});
	})

	//小手动轮播结束
	//goods菜单开始
	// var str = ''
	// str += '<div class="goods-img">'
	// str += '<a href="">'
	// str += '<img src="img/goods2.jpg"/>'
	// str += '</a>'
	// str += '</div>'
	// str += '<div class="goods-name">'
	// str += '<a href="">METERSBONWE</a>'
	// str += '<a href="">【春推荐】男上下撞色棒球衫茄克（支持14天退换）</a>'
	// str += '</div>'
	// str += '<div class="goods-pirce">'
	// str += '<b>￥259</b>'
	// str += '<i>￥359</i>'
	// str += '</div>';
	// var div1 = $("<div class='main-content-goods02'></div>");
	// div1.html(str);
	// $(".main-tab a").click(function(){
	//     $(this).addClass("hover").siblings().removeClass("hover");
	//     if($(this).index() / 2 == 0){
	//         $(".main-content-bot-r01").stop().fadeIn().nextAll().hide();
	//     } else if($(this).index() / 2 == 1){
	//         $(".main-content-goods01").stop().fadeIn().siblings().hide();
	//
	//     } else if($(this).index() / 2 == 2){
	//         $('.main-content-bot-r').append(div1);
	//         $(div1).stop().fadeIn().siblings().hide()
	//         //			$(".main-content-goods").stop().fadeOut().next().fadeIn();
	//     } //创建商品列表初级版本
	// })

	//navjson开始
	var arr = [];
	var arr1 = []
	var alist = $("<a></a>");
	var a = document.createElement("a")
	var arr2 = [];
	var arr3 = [];
	var navarr1 = [];
	var navarr2 = [];
	$.getJSON("js/nav.json", function(data) {

			for(var i = 0; i < data['nav'].length; i++) {
				//				console.log(data['nav'][i])
				$('.sub-list').append($('.sub-list').find(".sub-nav-num1").eq(0).clone());
				//创建li
				$(".sub-nav-num1").eq(data['nav'].length).remove()
					//删除最后一个儿子
				$(".sub-list").children().eq(i).hover(function() {
					$(this).find('.list-left-warp').stop().show();
					$(this).find("i").hide();
					$(this).find('.list-left-warp').find('span').css("top", (12 + $(this).position().top))
						// 12 85
				}, function() {
					$(this).find('.list-left-warp').stop().hide();
					$(this).find("i").show()
				});
				//hover的时候现在自己的nav-right
				for(var key in data['nav'][i]) {

					navarr1.push(data['nav'][i][key].length)
					$(".sub-nav-num1").find("dt").find("a").eq(i).text(key);
					//li dt 赋予值
					for(var j = 0; j < data['nav'][i][key].length; j++) {
						navarr2.push(data['nav'][i][key][j])
					}
				}
				$("body").find("img").mouseenter(function() {
					$(this).each(function(index, ele) {
						$(ele).css("opacity", 0.8);

					});

				})
				$("body").find("img").mouseleave(function() {
					$(this).each(function(index, ele) {
						$(ele).css("opacity", 1);
					});
				})
			}

			for(var i = 0; i < navarr1.length; i++) {
				for(var j = 0; j < navarr1[i]; j++) {
					$(".sub-nav-num1").find('.subnav-list').eq(i).append("<a href=''></a>")
				}
			} //动态添加左边的a标签
			for(var i = 0; i < navarr2.length; i++) {
				$(".sub-nav-num1").find('.subnav-list').find("a").eq(i).text(navarr2[i]);
				//				console.log($(".sub-nav-num1").find(".subnav-list").find("a"))
			} //动态添加左边dd的a的值

			//navlist的主题内容
			//nav左边开始
			for(var i = 0, len = data["nav-r"].length; i < len; i++) {

				for(var key in data["nav-r"][i]) {

					for(var key1 in data["nav-r"][i][key]) {
						arr1.push(key1)
						console.log()

						$(".list-left-l").eq(i).append("<dl><dt><a href=''></a></dt><dd></dd></dl>");
						arr2.push(data["nav-r"][i][key][key1].length)
						for(var h = 0; h < data["nav-r"][i][key][key1].length; h++) {
							//							console.log(data["nav-r"][i][key][key1][h])

							arr3.push(data["nav-r"][i][key][key1][h]);
						}
					}
				}
				$(".sub-nav-num1").find(".list-banner").find("img").eq(i).attr("src", "img/50" + (i + 1) + ".jpg"); //加图片偷懒写法
				$(".sub-nav-num1").eq(data['nav'].length - 1).find(".list-logo").remove();
			}
			//			console.log(arr3);

			for(var i = 0; i < arr2.length; i++) {
				for(var j = 0; j < arr2[i]; j++) {
					$(".list-left-l").find('dl').find("dd").eq(i).append("<a href=''></a>")
				}
			}
			for(var i = 0; i < arr3.length; i++) {
				$(".list-left-l").find('dl').find("dd").find("a").eq(i).text(arr3[i]);
			}

			for(var j = 0; j < arr1.length; j++) {

				$(".list-left-l").find("dt").find("a").eq(j)[0].innerHTML = arr1[j];

			}
			//nav左边结束

		})
		//动态添加nav
	$.getJSON("js/nav.json", function(data) {
			for(var i = 0, len = data['hots'].length; i < len; i++) {
				// console.log(data['hots'][i]);
				// console.log();
				$('.subnav-list').find("a").each(function(index, ele) {
					// console.log($(ele).text());
					// console.log($(this).text() == data['hots'][i]);
					// console.log($(this).text());
					if($(this).text() == data['hots'][i]) {
						// console.log($(this));
						$(this).css("color", "#d51819")
					}
				})

			}
		})
		//动态创建list热门变红色
		//左边下面的标题
	$.getJSON("js/nav.json", function(data) {
			for(var i = 0, len = data['nav-r-title'].length; i < len; i++) {
				$(".list-logo").eq(i).find("p").text(data['nav-r-title'][i])
			}

		})
		//右边的下面图片
	var navLeftArr = [];
	var navImgArr = [];
	$.getJSON("js/nav.json", function(data) {
		for(var i = 0, len = data['nav-r-img'].length; i < len; i++) {
			for(var key in data['nav-r-img'][i]) {
				navLeftArr.push(data['nav-r-img'][i][key].length)
				for(var j = 0; j < data['nav-r-img'][i][key].length; j++) {
					navImgArr.push(data['nav-r-img'][i][key][j])
				}
			}
		}
		for(var i = 0; i < navLeftArr.length; i++) {
			for(var j = 0; j < navLeftArr[i]; j++) {
				$(".list-logo-img").eq(i).append("<a href='#'><img /></a>")
			}
		}
		for(var i = 0; i < navImgArr.length; i++) {
			$(".list-logo-img").find("img").eq(i).attr("src", "img/" + navImgArr[i] + ".jpg")
		}
		$("#nav-warp").find("img").mouseenter(function() {
			$(this).each(function(index, ele) {
				$(ele).css("opacity", 0.8);

			});

		})
		$("#nav-warp").find("img").mouseleave(function() {
			$(this).each(function(index, ele) {
				$(ele).css("opacity", 1);
			});
		})
	})

	//活动
	$.getJSON("js/nav.json", function(data) {
			for(var i = 0, len = data["hd"].length; i < len; i++) {
				$(".hd").append("<a href=''><img /></a>");
				$(".hd").find("img").eq(i).attr("src", "img/" + data["hd"][i] + ".jpg");
				$(".hd").find("img").eq(i).attr("data-original", "img/" + data["hd"][i] + ".jpg")
			}
			imgFade()
		})
		//下面商品列表
	var mainTitleLength = [];
	var mainTitle = [];
	$.getJSON("js/nav.json", function(data) {
			for(var i = 0; i < data["goodsTitle"].length; i++) {
				$(".maincontent-list").eq(0).clone().appendTo($("#maincontent"));
				for(var key in data["goodsTitle"][i]) {
					$(".main-content-top").eq(i).find("img").attr("data-original", "img/" + key + ".png");
					mainTitleLength.push(data["goodsTitle"][i][key].length);
					for(var j = 0; j < data["goodsTitle"][i][key].length; j++) {
						mainTitle.push(data["goodsTitle"][i][key][j]);
					}
				}
				imgFade()
			}
			for(var i = 0; i < mainTitleLength.length; i++) {

				for(var j = 0; j < mainTitleLength[i]; j++) {
					$(".main-tab").eq(i).append("<a href='javascript:;'></a><span>|</span>");

				}
				$(".main-tab").eq(i).find("span").last().remove();
				$(".main-tab").eq(i).find("a").eq(0).addClass("hover")
			}
			for(var i = 0; i < mainTitle.length; i++) {
				$(".main-tab").find("a").eq(i).text(mainTitle[i]);
			}
			$("#maincontent").find($(".maincontent-list")).last().remove(); //删除最后一个
				
			lazy();
			//  分类点击
			$(".main-content-top").find("a").each(function(index, ele) {
				$(this).attr("href", "list.html?name=goods" + (parseInt(index) + 1));
				$(this).attr("target","_blank");
				
				//				console.log($(this))
			})//a标签跳转分类
			$(".main-content-bot-r01").each(function(index,ele){
				$(this).find("a").attr("href","list.html?name=goods" + (parseInt(index) + 1));
				$(this).find("a").attr("target","_blank");
			})
		})
		//加标题和创建good列表
	var goodsTitleImg = [];
	var goodsTitle = [];
	var goodsLeft = [];
	$.getJSON("js/nav.json", function(data) {
			for(var i = 0; i < data["goods-left"].length; i++) {
				for(var key in data["goods-left"][i]) {
					for(var j = 0; j < data["goods-left"][i][key]["img"].length; j++) {
						goodsTitleImg.push(data["goods-left"][i][key]["img"][j]);
					};
					for(var k = 0; k < data["goods-left"][i][key]["title"].length; k++) {
						goodsTitle.push(data["goods-left"][i][key]["title"][k])
					}
				};
			};
			for(var i = 0; i < goodsTitleImg.length; i++) {
				$(".main-content-bot").find("img").eq(i).attr("data-original", "img/subgoods/" + goodsTitleImg[i] + ".jpg")
			}
			//点击切换开始写
			var goodsBox = "";
			goodsBox += "<div class='main-content-goods01'>" +
				"<div class='goods-img'>" +
				"<a href=''>" +
				"<img src='img/goods01.jpg'/>" +
				" </a>" +
				"</div>" +
				"<div class='goods-name'>" +
				"<a href='' class='goodsLogo'>METERSBONWE</a>" +
				"<a href='' class='goodsTitle'>【春推荐】男上下撞色棒球衫茄克（支持14天退换）</a>" +
				"</div>" +
				"<div class='goods-pirce'>" +
				"<b>￥259</b>" +
				"<i>￥359</i>" +
				"</div>" +
				"</div>";
			var goodsNum = "";
			var goodsA = [];
			for(var i = 0; i < $(".maincontent-list").length; i++) {

				for(var j = 0; j < $(".maincontent-list").eq(i).find(".main-tab").find("a").length; j++) {
					$(".maincontent-list").eq(i).find(".main-tab").find("a").eq(j).click(function() {
						$(this).addClass("hover").siblings().removeClass("hover");
					})
					if(j > 0) {
						$(".maincontent-list").eq(i).find(".main-tab").find("a").eq(j).click(function() {
							$(this).closest(".maincontent-list").find(".main-content-bot").stop().hide().next().stop().show();
							$(this).closest(".maincontent-list").find(".main-content-goods01").remove()
							var self = $(this);
							//							console.log(($(this).closest(".maincontent-list").index() - 5));
							$.getJSON("js/goods" + ($(this).closest(".maincontent-list").index() - 5) + ".json", function(data) {

								for(var key in data) {
									//                            goodsNum=data[key][self.text()]["img"].length;

									//                            for(var l=0;l<data[key][self.text()]["atitle"].length;l++){
									//                                // console.log(data[key][self.text()]["atitle"][l][0]);
									//								
									//
									//                                    // self.closest(".maincontent-list").find(".main-content-goods01").find(".goods-name").find("h1").eq(k).text(data[key][self.text()]["atitle"][l][0])
									//
									//
									//                            }
									for(var key1 in data[key][self.text()]) {
										if(key1 == "img") {
											goodsNum = data[key][self.text()][key1].length;
											//										console.log(data[key][self.text()]["img"].length)
											for(var k = 0; k < goodsNum; k++) {
												self.closest(".maincontent-list").find(".main-content-bot-toggle").append(goodsBox)
												self.closest(".maincontent-list").find(".main-content-goods01").fadeIn()
												self.closest(".maincontent-list").find(".main-content-goods01").find("img").eq(k).attr("src", "img/subgoods/" + data[key][self.text()][key1][k] + ".jpg")
												self.closest(".maincontent-list").find(".main-content-goods01").find(".goodsLogo").eq(k).text(data[key][self.text()]["atitle"][k][0])
												self.closest(".maincontent-list").find(".main-content-goods01").find(".goodsTitle").eq(k).text(data[key][self.text()]["atitle"][k][1])
												self.closest(".maincontent-list").find(".main-content-goods01").find("b").eq(k).text(data[key][self.text()]["atitle"][k][2])
												self.closest(".maincontent-list").find(".main-content-goods01").find("i").eq(k).text(data[key][self.text()]["atitle"][k][3])
												self.closest(".maincontent-list").find(".main-content-goods01").find(".goods-img").find("img").eq(k).attr("title",data[key][self.text()]["atitle"][k][5])			
												self.closest(".maincontent-list").find(".main-content-goods01").find(".goods-img").find("img").eq(k).data("imgName",data[key][self.text()][key1][k])
												imgFade();
//												console.log(data[key][self.text()]["atitle"][k][5])
$(".goods-img").find("a").attr("href", "goods.html")
//												$(".goods-img").find("a").attr("href", "goods.html?"+encodeURI(data[key][self.text()]["atitle"][k][1])) //加跳转
//												$(".goods-img").find("a").attr("target","_blank")
											}
										}
									}
									//cookie传值
										
								}
								//								var cookiestr="";
								//
							
								$.cookie("his","cookie")
								$.cookie("goods","");
								$(".goods-img").find("a").each(function(idnex, ele) {

									var self1 = this;
											
//									$(this).click(function() {
										goodsImg = $(self1).find("img").attr("src");
										 goodsTitle = $(self1).parent(".goods-img").next(".goods-name").find(".goodsTitle").text();
										 goodsLogo=$(self1).parent(".goods-img").next(".goods-name").find(".goodsLogo").text();
										 imgKey=$(this).find("img").data("imgName");
										 imgLength=$(this).find("img").attr("title");
										 goodsPirce = $(self1).parents(".main-content-goods01").find(".goods-pirce").find("b").text();
										 oldPirce= $(self1).parents(".main-content-goods01").find(".goods-pirce").find("i").text()
										//					
//										console.log(imgLength)
var goodsList=$(this).closest(".main-content-bot-toggle").parent(".main-content").parent(".maincontent-list").find(".main-tab").find(".hover").text();

										str = goodsImg + "," + goodsTitle + "," + goodsPirce + ";";
										str1= goodsTitle + "," + goodsPirce + "," + imgKey + "," + imgLength +","+oldPirce+ ","+goodsLogo+","+goodsList+";";
										$.cookie("his", str + $.cookie("his"));
//										$.cookie("goods",str1);
										
//										$(".listGoods-ul").find("li").find(".listGoods-lg").attr("href","goods.html?"+"goodsTitle="+goodsTitle+"&goodsPirce="+goodsPirce+"&imgKey="+imgKey+"&imgLength="+imgLength+"&oldPirce="+oldPirce+"&goodsLogo="+goodsLogo);

//									})
						
								console.log(this)
							$(this).attr("href","goods.html?"+"goodsTitle="+goodsTitle+"&goodsPirce="+goodsPirce+"&imgKey="+imgKey+"&imgLength="+imgLength+"&oldPirce="+oldPirce+"&goodsLogo="+goodsLogo);
							console.log($(this).find(".goods-img").find("a"))
						
									
								})
							})
						});
						
						
					} else if(j == 0) {
						$(".maincontent-list").eq(i).find(".main-tab").find("a").eq(j).click(function() {
							$(this).closest(".maincontent-list").find(".main-content-bot").stop().show().next().stop().hide();
						})
					}
				}
			};

			//切换的左边

			$.getJSON("js/nav.json", function(data) {
				for(var i = 0; i < data["goods-right"].length; i++) {
					for(var key in data["goods-right"][i]) {
						for(var j = 0; j < data["goods-right"][i][key]["img"].length; j++) {
							goodsLeft.push(data["goods-right"][i][key]["img"][j])
						}
					}
				}
				for(var i = 0; i < goodsLeft.length; i++) {
					$(".main-content-bot-l-toggle").find("img").eq(i).attr("src", "img/subgoods/" + goodsLeft[i] + ".jpg")
				}
			})

		})
		//活动
	var hdbox = '<div class="maincontent-box">' +
		'<a href="#" class="main-l">' +
		'<img data-original="img/main.jpg"/>' +
		'</a>' +
		'<a href="#" class="main-r">' +
		'<img data-original="img/mainr.jpg"/>' +
		'</a>' +
		'</div>';

	$.getJSON("js/nav.json", function(data) {
		for(var i = 0; i < data["hdlist"].length / 2; i++) {
			$(hdbox).insertAfter($(".hd"));
		}
		for(var j = 0; j < data["hdlist"].length; j++) {
			$(".maincontent-box").find("img").eq(j).attr("data-original", "img/subgoods/" + data["hdlist"][j] + ".jpg")
		}
		imgFade();
	});

})